<template>
    <view class="a-page">

        <view class="a-panel">
            <my-checkbox v-model="value" label="黑色"></my-checkbox>
        </view>
        <view class="a-panel a-flex-space-between" @click="change">
            <view>黑色</view>
            <my-checkbox v-model="value"></my-checkbox>
        </view>
        <my-confirm v-model="confirmVisible" :msg="confirmMsg" @confirm="confirmCallback"></my-confirm>
        <my-toptip ref="toptip"></my-toptip>
    </view>
</template>

<script>
    import {AppConfig} from "@/appConfig";
    import {Ajax, layer} from "@/utils/index";
    import Layer from '@/tpl/layer'
    import MyCheckbox from "../../components/my-checkbox";

    export default {
        name: "checkbox",
        components: {MyCheckbox},
        mixins: [Layer],
        data() {
            return {
                value: false
            }
        },
        onNavigationBarButtonTap() {

        },
        onLoad() {
        },
        methods: {
            change() {
                this.value = !this.value;
            }
        },
    }
</script>

<style scoped lang="less">

</style>
